<%@page import="ca.qc.bdeb.info.pp2.tp2.controleur.ConstantesWeb"%>
<%@page errorPage="error.jsp" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Vendre une propriété - <%=ConstantesWeb.NOM_COMPAGNIE%></title>
        <link rel="stylesheet" type="text/css" href="design.css" />
        <script type="text/javascript">
            function validateForm()
            {
                var x=document.forms["forme"]["prenom"].value;
                if (x==null || x=="")
                {
                    alert("Vous devez avoir un prénom.");
                    return false;
                }
                
                var x=document.forms["forme"]["nom"].value;
                if (x==null || x=="")
                {
                    alert("Vous devez avoir un nom.");
                    return false;
                }
                
                var x=document.forms["forme"]["numero"].value;
                if (x==null || x=="")
                {
                    alert("Vous devez avoir un numéro de téléphone.");
                    return false;
                }
                
                var x=document.forms["forme"]["courriel"].value;
                if (x==null || x=="")
                {
                    alert("Vous devez avoir un courriel.");
                    return false;
                } else {
                    var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;  
                    if (!emailPattern.test(x)) {
                        alert("Vous devez avoir un courriel valide.");
                        return false;
                    }
                }
                
                var x=document.forms["forme"]["adresse"].value;
                if (x==null || x=="")
                {
                    alert("Vous devez avoir une adresse.");
                    return false;
                }
                
                var x=document.forms["forme"]["quartier"].value;
                if (x==null || x=="")
                {
                    alert("Vous devez avoir un quartier.");
                    return false;
                }
                
                var x=document.forms["forme"]["ville"].value;
                if (x==null || x=="")
                {
                    alert("Vous devez avoir une ville.");
                    return false;
                }
                
                var x=document.forms["forme"]["province"].value;
                if (x==null || x=="")
                {
                    alert("Vous devez avoir une province.");
                    return false;
                }
                
                var x=document.forms["forme"]["pays"].value;
                if (x==null || x=="")
                {
                    alert("Vous devez avoir un pays.");
                    return false;
                }
                
                var x=document.forms["forme"]["commentaire"].value;
                if (x.length > 500)
                {
                    alert("Votre commentaire ne doit pas dépasser 500 caractères!");
                    return false;
                }
            }
        </script>
    </head>
    <body>
        <jsp:include page="header.jsp" />

        <h1>Vendre votre propriété</h1>
        <form name="forme" method="post" action="./Entree" onsubmit="return validateForm()">
            <input type="hidden" name="cmd" value="<%=ConstantesWeb.CMD_VENDRE_PROPRIETES%>" />
            <table>
                <tr><td align="right"><font color="red">*</font>Prénom : </td><td><input type="text" name="prenom" value="" /></td></tr>
                <tr><td align="right"><font color="red">*</font>Nom : </td><td><input type="text" name="nom" value="" /></td></tr>
                <tr><td align="right"><font color="red">*</font>Numéro de téléphone : </td><td><input type="text" name="numero" value=""/></td></tr>
                <tr><td align="right"><font color="red">*</font>Courriel : </td><td><input type="text" name="courriel" value=""/></td></tr>
                <tr><td align="left" colspan="2" style="font-size:12px">Propriété à vendre</td></tr>
                <tr><td align="right"><font color="red">*</font>Adresse :</td><td><input type="text" name="adresse" value=""/></td></tr>
                <tr><td align="right"><font color="red">*</font>Quartier :</td><td><input type="text" name="quartier" value=""/></td></tr>
                <tr><td align="right"><font color="red">*</font>Ville :</td><td><input type="text" name="ville" value=""/></td></tr>
                <tr><td align="right"><font color="red">*</font>Province :</td><td><input type="text" name="province" value=""/></td></tr>
                <tr><td align="right"><font color="red">*</font>Pays :</td><td><input type="text" name="pays" value=""/></td></tr>
                <tr><td align="right">Commentaires : </td><td><textarea name="commentaire" rows="5" cols="50"></textarea></td></tr>
            </table>
            <button>Envoyer</button>
        </form>
    </body>
</html>
